<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>头部</title>
    <link rel="stylesheet" href="../css/global.css">
    <link rel="stylesheet" href="../css/header.css">
</head>
<body>
    <div class="header">
        <div class="header-top">
            <div class="logo">
                <img src="../img/logo.gif" alt="">
            </div>
            <div class="adv">
                <img src="../img/banner.jpg" alt="">
            </div>
            <div class="adv-ul">
                <ul>
                    <li><a href="#">羽毛球培训班报名</a></li>
                    <li><a href="#">六人行免费口语辅导卡申请中</a></li>
                    <li><a href="#">“户外”杂志半价征订</a></li>
                </ul>
            </div>
        </div>
        <div class="header-bottom">
            <div class="b-nav">
                <div class="b-left">
                    <span>欢迎来到6人行！&nbsp;</span><a href="#">登录</a><span>&nbsp;|&nbsp;</span><a href="#">注册</a>
                </div>
                <div class="b-right">
                    <ul>
                        <li>首页</li>
                        <li>活动</li>
                        <li>据点</li>
                        <li>招贴</li>
                        <li>VIP服务</li>
                    </ul>
                </div>
            </div>
            <div class="b-search">
                <!-- 312*27 -->
                <!-- <div class="search-box"></div> -->
                <input type="text" class="search-box">
                <button id="search"></button>
            </div>
        </div>
    </div>
</body>
</html>